.hint {
    color: #fff;
    color: #ccc;
    font-size: 28rpx;
    text-align: center;
    top: 30rpx;
}
.bottom,
.hint {
    position: absolute;
    width: 100%;
    z-index: 10;
}
.bottom {
    align-items: center;
    bottom: 100rpx;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    height: 280rpx;
    justify-content: center;
}
.bottom .btn5 {
    color: #333;
    margin-top: 10rpx;
    width: 88%;
}
.bottom .ul {
    height: 100rpx;
    padding-top: 40rpx;
    width: 100%;
}
.bottom .ul .li {
    color: #ccc;
    float: left;
    font-size: 24rpx;
    height: 100%;
    text-align: center;
    width: 25%;
}
.bottom .ul .li text.i {
    color: #fff;
    display: block;
    font-size: 48rpx;
    margin-bottom: 10rpx;
}
.bottom .ul .li:nth-child(3) text.i {
    transform: rotateY(180deg);
}
